<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<title>护线</title>
		<!-- head 中 -->
		<link rel="stylesheet" href="css/weui.min.css">
		<link rel="stylesheet" href="css/jquery-weui.min.css">
		<style type="text/css">
			.demos-header{
				border: 1px solid black;
			    border-radius: 2%;
			    margin: 50% auto;
			    padding: 30px;
			    width: 80%;
			}
			.weui_btn_primary {
			    background-color: black;
			}
		</style>
	</head>

	<body>
		<div class="weui_panel">
			<div class="weui_panel_hd">任务列表</div>
			<div class="weui_panel_bd">
				
			</div>
		</div>

		<div class="weui-infinite-scroll">
		    <div class="infinite-preloader"></div>
		 	正在加载...
		</div>
		<script id="tpl" type="text/template">
			{@each list as it,index}
			<div class="weui_media_box weui_media_text">
				<h4 class="weui_media_title">${it.name}</h4>
				<p class="weui_media_desc">${it.description}</p>
				<ul class="weui_media_info">
					<!--<li class="weui_media_info_meta">
						<a href="javascript:;" class="weui_btn  weui_btn_primary">详情</a>
					</li>-->
					<li class="weui_media_info_meta">
						<a href="location.html?position_coord=${it.postion_coord.value|transfer}" class="weui_btn weui_btn_mini weui_btn_primary">位置</a>
					</li>
					<li class="weui_media_info_meta">
						<a href="task.html?state=add&task_id=$${it.id|appendOpenid}&position_coord=${it.postion_coord.value|transfer}" class="weui_btn weui_btn_mini weui_btn_primary">接受任务</a>
					</li>
				</ul>
			</div>
			{@/each}
		</script>
		<script id="info" type="text/template">
		<header class="demos-header">
      		<h1 class="demos-title" style="text-align: center;font-size: 22px;color: black;font-weight: 400;margin: 0 15%;">还没有可以领赏的任务，请耐心等候！</h1>
    	</header>
		</script>
		<script src="js/jquery-2.1.4.js"></script>
		<script src="js/jquery-weui.min.js"></script>
		<script src="js/juicer-min.js"></script>
		<script src="js/util.js" type="text/javascript" charset="utf-8"></script>
		<script src="task_list.js"></script>
	</body>

</html>